<template>
  <div style="width:200px;text-align:center">
    
      <el-menu router  :default-active="this.$route.path" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
        <div class="homeName">
          <span>牙记商家后台中心</span>
        </div>

        <!-- <el-submenu index="3">
          <template slot='title'>推送管理</template>
          <el-menu-item-group>
            <el-menu-item index="/Home/Push">
              <span slot="title" >推送管理</span>
            </el-menu-item>
           </el-menu-item-group>
        </el-submenu> -->

        <el-menu-item index="/Home/Push">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_home.png" alt="">首&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</span>
        </el-menu-item>
        
        <el-menu-item index="/Home/BuyList">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_dingdan.png" alt="">订单管理</span>
        </el-menu-item>

        <el-menu-item index="/Home/Report">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_yuyue.png" alt="">预约管理</span>
        </el-menu-item>


        <el-menu-item index="/Home/DynamicReply">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_pingjia.png" alt="">动态评价</span>
        </el-menu-item>


        <el-menu-item index="/Home/Information">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_mendian.png" alt="">门店管理</span>
        </el-menu-item>

        <el-menu-item index="/Home/Doctors">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_yisheng.png" alt="">医生管理</span>
        </el-menu-item>
        
        <el-menu-item index="/Home/Commodity">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_shangpin.png" alt="">商品管理</span>
        </el-menu-item>

        <el-menu-item index="/Home/Activitylist">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_huodong.png" alt="">活动管理</span>
        </el-menu-item>
        
        <el-menu-item index="/Home/RunningWater">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_liushui.png" alt="">流水记录</span>
        </el-menu-item>


        
        <el-menu-item index="/Home/Problem">
          <span slot="title" ><img class="navIcon" src="../assets/image/i_wenti.png" alt="">常见问题</span>
        </el-menu-item>
        

        <!-- <el-menu-item index="/Home/ActivitySeach">
          <span slot="title" >认  证</span>
        </el-menu-item> -->

        
        
        

        
        <!-- <el-menu-item index="/Home/Users">
          <span slot="title" >用户管理</span>
        </el-menu-item> -->

        

        
        

         <el-submenu index="2">
          <template slot='title' ><img class="navIcon" src="../assets/image/i_shezhi.png" alt="">设&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;置</template>
          <el-menu-item-group>
           <el-menu-item index="/Home/Setting">
              <span slot="title" >修改密码</span>
            </el-menu-item>
            <el-menu-item index="/Home/editTel">
              <span slot="title" >修改手机</span>
            </el-menu-item>
           </el-menu-item-group>
        </el-submenu>  
        <!-- <el-submenu index="6">
          <template slot='title' >医院管理</template>
          <el-menu-item-group>
            <el-menu-item index="/Home/Hospital">
              <span slot="title" >医院账号</span>
            </el-menu-item>
            <el-menu-item index="/Home/Information" >
              <span slot="title" >医院审核</span>
            </el-menu-item>
           </el-menu-item-group>
        </el-submenu> -->

    </el-menu>
  </div>
</template>
<script>
export default {
  data(){
    return {
      $role:'',
    }
  },
  props:{
    isCollapse:{
      default:false
    }
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
}
</script>
<style>
.el-menu--collapse{
  width:54px
}
.homeName{
  color:#fff;
  background: #4f88c3;
  height: 50px;
  line-height: 50px
}
.navIcon{
  width: 18px;
  height: 18px;
  padding-right:5px;
}
</style>


